// 1.默认渲染机制: 父组件重新渲染 -> 子组件重新渲染
import { useState, memo } from "react";
// 2.使用memo函数包裹需要缓存子组件，返回一个缓存组件(当缓存组件props发生变化时重新渲染)
const MemoSon = memo(function Son() {
  console.log("我是子组件，我重新渲染了");
  return <>this is son</>;
});

function App() {
  const [count, setCount] = useState(0);
  return (
    <>
      <button onClick={() => setCount(count + 1)}>+</button>
      <MemoSon />
    </>
  );
}

export default App;
